<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>玩转红包照片</title>
    <script src="../../../js/jquery-2.1.1.js"></script>
    <link rel="stylesheet" href="blur.css"type="text/css"/>
    <meta name="viewport" content="height=device-height, width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0 user-scalable=no" />
</head>
<body>
<div id="blur-div">
    <img id="blur-imge"src="image.jpg" />
    <canvas id="canvas">
    </canvas>
    <a href="javascript:show()"class="button"id="show_button">SHOW</a>
    <a href="javascript:reset()"class="button"id="reset_button">RESET</a>

</div>
<script src="blur.js"></script>
</body>
</html>